<template>
  <div>
    <div class="header"></div>
    <transition :name="transition">
      <router-view class="router-wrp"></router-view>
    </transition>
    <foot-bar :footbar="footbar" v-if="footbarctl"></foot-bar>
  </div>
</template>

<script>
  import FootBar from '../components/common/FootBar.vue'
  import common from '../assets/js/common'

  export default {
    data () {
      return {
        transition: 'slide-left',
        footbar: common.footbar,
        footbarctl: false
      }
    },
    components: {
      FootBar
    },
    created: function () {
      var self = this
      var currouter = self.$router.history.current.path
      common.footbarpick(self, currouter)
    },
    updated: function () {
      var self = this
      var currouter = self.$router.history.current.path
      common.footbarpick(self, currouter)
    }
  }
</script>
